<template>
  <div class="myHeader" >
      <header v-bgColor>
        <span></span>
        <h1>记事本</h1>
       <slot></slot>
      </header>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
 
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.myHeader{
    header{
    height: 60px;
    background: pink;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}
}
</style>
